<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大麦音乐话剧</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/yinyue.css">
    <link rel='icon' href='./img/favicon.ico'>

    <link rel="stylesheet" href="./img/dam/iconfont.css">
</head>
<body>
    <section id="box">
        <!-- 导航 -->
        <header id="top">
            <div class="top-sou">
                <div class="tops">西安 ↓</div>
                <div class="topo">
                    <button class="btsou"><span class="iconfont icon-quanbu"></span></button><input type="text" placeholder="痛仰乐队" class="btkuang"><button class="btsou"><span class="iconfont icon-quanbu"></span></button>
                </div>
                <div class="topu">信息</div>
            </div>
            <div class="top-xuan">
                <div class="topxuan">
                    <li>精选</li>
                    <li>话剧音乐剧</li>
                    <li>展览休闲</li>
                    <li>Livehouse</li>
                    <li>音乐</li>
                    <li>精选</li>
                </div>
            </div>
        </header>
        <!-- 主体 -->
        <main id="center">
            <div class="center4">
                <h2>必看排行榜</h2>
                <div class="c4div1">
                    <div class="c4div-con">
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相...</li>
                            <li class="c4conli2"><img src="./img/tu2.gif" alt=""> 9.2
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相...</li>
                            <li class="c4conli2"><img src="./img/tu2.gif" alt=""> 9.2
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相...</li>
                            <li class="c4conli2"><img src="./img/tu2.gif" alt=""> 9.2
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相...</li>
                            <li class="c4conli2"><img src="./img/tu2.gif" alt=""> 9.2
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相...</li>
                            <li class="c4conli2"><img src="./img/tu2.gif" alt=""> 9.2
                            </li>
                        </div>
                    </div>
                </div>
                <h2>精彩演出</h2>
            </div>
            <div class="center1">
                <div class="center-con1"></div>
                <div class="center-con2">
                    <h2>
                        【西安】西安珍友社——西安珍友社相声大会
                    </h2>
                    <ul class="ul1">2021.02.03- 02.28</ul>
                    <ul class="ul2">西安| 珍友社剧场</ul>
                    <ul class="ul3">
                        <li>7.5折起</li>
                        <li>可选座</li>
                    </ul>
                    <li class="li1"><span>￥40</span>起</li>
                    <div class="box"><img src="./img/tu2.gif" alt=""> 9.2</div>
                </div>
            </div>
            <div class="center1">
                <div class="center-con1"></div>
                <div class="center-con2">
                    <h2>
                        【西安】西安珍友社——西安珍友社相声大会
                    </h2>
                    <ul class="ul1">2021.02.03- 02.28</ul>
                    <ul class="ul2">西安| 珍友社剧场</ul>
                    <ul class="ul3">
                        <li>7.5折起</li>
                        <li>可选座</li>
                    </ul>
                    <li class="li1"><span>￥40</span>起</li>
                    <div class="box"><img src="./img/tu2.gif" alt=""> 9.2</div>
                </div>
            </div>
            <div class="center1">
                <div class="center-con1"></div>
                <div class="center-con2">
                    <h2>
                        【西安】西安珍友社——西安珍友社相声大会
                    </h2>
                    <ul class="ul1">2021.02.03- 02.28</ul>
                    <ul class="ul2">西安| 珍友社剧场</ul>
                    <ul class="ul3">
                        <li>7.5折起</li>
                        <li>可选座</li>
                    </ul>
                    <li class="li1"><span>￥40</span>起</li>
                    <div class="box"><img src="./img/tu2.gif" alt=""> 9.2</div>
                </div>
            </div>
            <div class="center1">
                <div class="center-con1"></div>
                <div class="center-con2">
                    <h2>
                        【西安】西安珍友社——西安珍友社相声大会
                    </h2>
                    <ul class="ul1">2021.02.03- 02.28</ul>
                    <ul class="ul2">西安| 珍友社剧场</ul>
                    <ul class="ul3">
                        <li>7.5折起</li>
                        <li>可选座</li>
                    </ul>
                    <li class="li1"><span>￥40</span>起</li>
                    <div class="box"><img src="./img/tu2.gif" alt=""> 9.2</div>
                </div>
            </div>
        </main>
        <!-- 底部 -->
        <footer id="bottment">
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/index.html">
                <div>
                    <span class="iconfont icon-jingxuancopy"></span>
                    <li>精选</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/leibiao.html">
                <div>
                    <span class="iconfont icon-xianchang"></span>
                    <li>现场</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/index.html">
                <div>
                    <span class="iconfont icon-quanbu"></span>
                    <li>全部</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/qiaojia.html">
                <div>
                    <span class="iconfont icon-piaojia-copy"></span>
                    <li>票夹</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/wode.html">
                <div>
                    <span class="iconfont icon-wode"></span>
                    <li>我的</li>
                </div>
            </a>
        </footer>
    </section>



    <script src="./js/vue.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/yinyue.js"></script>
</body>
</html>